前言

是的，這次鐵人賽已經接近尾聲了，

我們這二十八天以來嘗試過了許多不同的範例，

但 『chrome.api』 的功能還有很多，而且前端框架與設計模型也是五花八門，

沒有辦法都嘗試過（其實是因為我個人能力不夠強XD），

但我想為以後想開發 Chrome Extension 的人有快速入門的管道，

所以彙總一下這幾天來的功能以及一些附註囉～

快速開發步驟

1. 新增一個 manifest.json 檔案

manifest監控著整個功能的網站存取權限、開發模式、
腳本載入、安全性政策、chrome.api服務權限、應用程式資料等等....
進階說明

2. 挑選會使用到的腳本內容與服務

• UI頁面(UI Elements)

又分為 brower_action以及 page_action ，我們常用的浮動頁面(Popup page)屬於前者

• 後台腳本(Background script)

可以當作系統主控台，控管資料的傳遞以及絕大多數chrome.api的服務權限

• 內容腳本(Content Script)

注入其他網站的腳本，可以操作網站DOM元素以及監控使用者行為，並且可以選擇載入時機及特定網站

• 選項頁面(Options Page)

系統的擴充頁面，可以擁有整頁的UI以及完整的網頁功能，還能使用chrome.api服務與其他腳本溝通

3. 選取你需要使用的chrome.api開發

用久了就會熟悉的服務，例如最常用的幾個API：
chrome.runtime 傳遞訊息
chrome.tabs 管理tabs

進階說明

4. 載入未封裝的應用程式到chrome測試

Day3-傑出的起手

5. 發佈到Google平台

Day26-測試上架

就是這麼的簡單～大家一起來開發chrome extension吧～